@import "../../styles/base";

.my-statistics-box-container {
  display: flex;
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  background-color: $bg-color-base;
  padding: 10px 0;

  .column-item {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 33.3%;
    padding: 5px 0;
    border-right: 1px solid $border-color-lighter;

    .row {
      display: flex;
      justify-content: center;
      align-items: baseline;
      .number {
        font-size: 28px;
        line-height: 1.6;
        font-weight: 600;
        color: $font-color-button-text-dark
      }
      .label {
        color: $font-color-desc;
        font-size: 22px;
        line-height: 1.6;
        margin-right: 8px;
      }
    }
  }

  .column-item:last-child {
    border-right: none;
  }
}
